<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css" />
  </head>
  <body>
    <div class="table-responsive">
      <table
        class="table table-striped table-bordered table-hover"
        style="width: 1000px"
      >
        <thead>
          <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>
              123123132123132123123123123123123123123123123123小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹小龙虾大螃蟹
            </td>
            <td>120</td>
          </tr>
          <tr class="success">
            <td>2</td>
            <td>小龙虾1</td>
            <td>250</td>
          </tr>
          <tr>
            <td>3</td>
            <td>小龙虾2</td>
            <td>240</td>
          </tr>
          <tr>
            <td>4</td>
            <td>小龙虾3</td>
            <td>20</td>
          </tr>
          <tr>
            <td>5</td>
            <td>小龙虾4</td>
            <td>
              25123123132123132123123123123123123123123123123123123123132123132123123123123123123123123123123123123123132123132123123123123123123123123123123123123123132123132123123123123123123123123123123123
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
